@function px($px) {
    @return calc($px / 1.5) * 1px;
}

::v-deep .el-dialog__close {
    font-size: 28px;
}

::v-deep .el-dialog {
    border-radius: 20px;
    padding: 48px;
    margin-top: 20%;
    transform: translateY(-50%);
}

::v-deep .el-dialog__headerbtn:hover .el-dialog__close {
    color: #000;
}

::v-deep .el-pagination button:hover {
    color: #000000 !important;
}

::v-deep .el-pager li {
    font-size: px(24) !important;
    margin: 0 px(10);
}

::v-deep .el-pagination .btn-next .el-icon {
    font-size: px(28) !important;
}

::v-deep .el-pagination .btn-prev .el-icon {
    font-size: px(28) !important;
}

::v-deep .el-pager li:hover {
    color: #000000 !important;
}

::v-deep .el-pager li.is-active {
    color: #000000 !important;
}

.recom {
    font-size: 20px;
    font-family: Manrope, Manrope-700;
    font-weight: 700;
    text-align: LEFT;
    color: #02102e;
    margin-top: 40px;
}

.financialItem {
    margin-bottom: 20px;
    width: 255px;
    // height: 252px;
    flex-wrap: nowrap;
    box-sizing: border-box;
    // overflow: hidden;
    margin-right: 20px;

    .topAvatr {
        width: 100%;
        // height: 152px;
        background-color: #f7f7f9;
        padding: 12px;
        border-radius: 16px;
        box-sizing: border-box;

        .Star {
            width: 10px;
            height: 10px;
            margin-right: px(8);
            box-sizing: border-box;
        }

        .strNum {
            font-size: 10px;
            font-family: Manrope, Manrope-500;
            font-weight: 500;
            text-align: LEFT;
            color: #8590a1;
            box-sizing: border-box;
        }
    }

    .avatr {
        margin-top: px(34);
        justify-content: space-evenly;
        box-sizing: border-box;

        .leftAva {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            box-sizing: border-box;

            .avater {
                width: 60px;
                height: 60px;
                border-radius: 50%;
                overflow: hidden;
                box-sizing: border-box;
                object-fit: cover;
            }
        }

        .address {
            box-sizing: border-box;

            .name {
                font-size: 14px;
                font-family: Manrope, Manrope-800;
                font-weight: 800;
                text-align: center;
                color: #02102e;
                box-sizing: border-box;
            }

            .cof {
                font-size: 12px;
                font-family: Manrope, Manrope-500;
                font-weight: 500;
                text-align: center;
                box-sizing: border-box;
                color: #02102e;
                margin: 4px 0;
            }

            .addre {
                font-size: 12px;
                font-family: Manrope, Manrope-500;
                font-weight: 500;
                text-align: center;
                color: #02102e;
                box-sizing: border-box;

                .imgAva {
                    width: px(16);
                    height: px(18.6);
                    margin-right: px(6.6);
                    box-sizing: border-box;
                }
            }
        }
    }

    .topice {
        box-sizing: border-box;
        margin-top: 12px;

        .topTit {
            font-size: 10px;
            font-family: Manrope, Manrope-400;
            font-weight: 400;
            text-align: LEFT;
            color: #02102e;
            margin-right: px(5);
            box-sizing: border-box;
            margin-bottom: 5px;
        }

        .topiceBox {
            border: 1px solid #c1c5cb;
            box-sizing: border-box;
            border-radius: 8px;
            padding: 4px 6px;
            font-size: 10px;
            font-family: Manrope, Manrope-400;
            font-weight: 400;
            text-decoration: underline;
            text-align: LEFT;
            color: #5b6477;
            text-decoration: underline;
            margin-right: 4px;
            margin-bottom: 5px;

            &:last-child {
                margin-right: 0;
            }
        }
    }

    .count {
        box-sizing: border-box;
        margin: 12px 0;
        padding: 0 12px;
        font-size: 10px;
        font-family: Manrope, Manrope-400;
        font-weight: 400;
        text-align: LEFT;
        color: #02102e;
        display: -webkit-box;
        /* 使用弹性盒子布局 */
        -webkit-box-orient: vertical;
        /* 垂直排列子元素 */
        overflow: hidden;
        /* 隐藏溢出的内容 */
        -webkit-line-clamp: 3;
        /* 显示的行数 */
        -webkit-box-orient: vertical;
        /* 垂直排列子元素 */
        text-overflow: ellipsis;
        /* 显示省略号 */
    }

    .btn {
        margin-top: 16px;
        box-sizing: border-box;
        width: 82px;
        height: 32px;
    }
}

.financialItem:nth-child(3n) {
    margin-right: 0;
}

.myOrderDetails {
    font-size: 28px;
    font-family: Manrope, Manrope-700;
    font-weight: 700;
    text-align: LEFT;
    color: #02102e;
    margin-bottom: 40px;
}

.headIng {
    width: 809px;
    // border: 1px solid #dddee1;
    border-radius: 16px;
    // padding: 32px;
    margin-top: 30px;
    margin-bottom: 80px;
}

.widBox {
    position: relative;

    .chat {
        position: absolute;
        z-index: 999;
        width: 138px;
        bottom: 0px;
        right: 0px;
        height: 138px;
        background: #ffffff;
        border: 1px solid #eaebee;
        border-radius: 138px;
        box-shadow: 4px 4px 12px 0px rgba(2, 16, 46, 0.08);

        img {
            width: 62px;
            height: 62px;
            border-radius: 31px;
        }

        .chatName {
            font-size: 12px;
            font-family: Manrope, Manrope-500;
            font-weight: 500;
            text-align: LEFT;
            color: #02102e;
            margin-top: 5px;
            margin-bottom: 2px;
        }

        .chatTime {
            font-size: 10px;
            font-family: Manrope, Manrope-400;
            font-weight: 400;
            text-align: LEFT;
            color: #5b6477;
        }
    }

    .leftBox {
        width: 809px;
        border: 1px solid #dddee1;
        border-radius: 16px;
        padding: 32px;

        .title {
            font-size: 18px;
            font-family: Manrope, Manrope-700;
            font-weight: 700;
            text-align: LEFT;
            color: #02102e;

            .setelImg {
                width: 16px;
                height: 16px;
                margin-left: 10px;
            }
        }

        .avaBox {
            margin-top: 15px;

            .price {
                .total {
                    font-size: 16px;
                    font-family: Manrope, Manrope-500;
                    font-weight: 500;
                    text-align: LEFT;
                    color: #02102e;
                }

                .pricNum {
                    font-size: 20px;
                    font-family: Manrope, Manrope-700;
                    font-weight: 700;
                    text-align: LEFT;
                    color: #02102e;
                    margin-top: 5px;
                }

            }

            .nickName {
                .from {
                    font-size: 16px;
                    font-family: Manrope, Manrope-400;
                    font-weight: 400;
                    text-align: LEFT;
                    margin-bottom: 12px;
                    color: #8590a1;
                }

                .topic {
                    img {
                        width: 60px;
                        height: 60px;
                        border-radius: 30px;
                        margin-right: 14px;
                    }

                    .name {
                        font-size: 16px;
                        font-family: Manrope, Manrope-700;
                        font-weight: 700;
                        text-align: LEFT;
                        color: #02102e;
                        margin-bottom: 4px;
                    }

                    .topics {
                        font-size: 14px;
                        font-family: Manrope, Manrope-400;
                        font-weight: 400;
                        text-align: LEFT;
                        color: #02102e;
                        margin-right: 6px;
                    }

                    .career {
                        font-size: 12px;
                        font-family: Manrope, Manrope-400;
                        font-weight: 400;
                        text-decoration: underline;
                        text-align: LEFT;
                        color: #02102e;
                        padding: 4px 6px;
                        border: 1px solid #c1c5cb;
                        border-radius: 8px;
                        margin-right: 5px;
                    }
                }
            }
        }

        .xian {
            height: 0;
            width: 100%;
            border-bottom: 1px solid #eaebee;
            margin-top: 39px;
            margin-bottom: 24px;
        }

        .delivery {
            font-size: 18px;
            font-family: Manrope, Manrope-700;
            font-weight: 700;
            text-align: LEFT;
            color: #02102e;
            margin-bottom: 15px;
        }

        .deliveryDate {
            .leftDate {
                .assImg {
                    width: 68px;
                    height: 68px;
                }

                .coun {
                    margin-left: 40px;

                    .counTop {
                        font-size: 16px;
                        font-family: Manrope, Manrope-500;
                        font-weight: 500;
                        text-align: LEFT;
                        color: #8590a1;
                    }

                    .counTime {
                        font-size: 16px;
                        font-family: Manrope, Manrope-500;
                        font-weight: 500;
                        text-align: LEFT;
                        color: #02102e;
                        margin-top: 8px;
                    }
                }
            }
        }

        .rightDate {
            width: 121px;
            height: 36px;
            line-height: 36px;
            background: #4acd2c;
            border-radius: 6px;
            font-size: 14px;
            font-family: Manrope, Manrope-700;
            font-weight: 700;
            text-align: center;
            color: #ffffff;
        }

        .yourOrder {
            font-size: 18px;
            font-family: Manrope, Manrope-700;
            font-weight: 700;
            text-align: LEFT;
            color: #02102e;
            margin-bottom: 8px;
        }

        .listOrder {
            width: 100%;
            height: 56px;
            border-bottom: 1px dashed #eaebee;

            .lefName {
                font-size: 16px;
                font-family: Manrope, Manrope-500;
                font-weight: 500;
                text-align: LEFT;
                color: #8590a1;
            }

            .price {
                font-size: 16px;
                font-family: Manrope, Manrope-700;
                font-weight: 700;
                text-align: LEFT;
                color: #02102e;
            }
        }

        .btnBox {
            justify-content: end;
            margin-top: 24px;

            .btnC {
                .btnACan {
                    width: 111px;
                    height: 36px;
                    line-height: 36px;
                    border: 1px solid #dddee1;
                    border-radius: 6px;
                    font-size: 14px;
                    font-family: Manrope, Manrope-700;
                    font-weight: 700;
                    text-align: center;
                    color: #02102e;
                    margin-left: 16px;
                }

                .btnAl {
                    width: 95px;
                    height: 36px;
                    line-height: 36px;
                    background: #02102e;
                    border-radius: 6px;
                    font-size: 14px;
                    font-family: Manrope, Manrope-700;
                    font-weight: 700;
                    text-align: center;
                    color: #ffffff;
                }
            }
        }
    }

    .rigBox {
        width: 439px;

        .topBox {
            width: 439px;
            border: 1px solid #dddee1;
            border-radius: 16px;
            padding: 32px;
            margin-bottom: 32px;

            .topDet {
                font-size: 18px;
                font-family: Manrope, Manrope-700;
                font-weight: 700;
                text-align: LEFT;
                color: #02102e;
                margin-bottom: 20px;
            }

            .btnAn {
                justify-content: end;
                margin-top: 24px;

                .OrderAgain {
                    width: 111px;
                    height: 36px;
                    line-height: 36px;
                    background: #fc00f2;
                    border-radius: 6px;
                    font-size: 14px;
                    font-family: Manrope, Manrope-700;
                    font-weight: 700;
                    text-align: center;
                    color: #ffffff;
                }
            }

            .orderBy {
                margin-bottom: 16px;

                &:last-child {
                    margin-bottom: 0;
                }

                .le {
                    font-size: 14px;
                    font-family: Manrope, Manrope-400;
                    font-weight: 400;
                    text-align: LEFT;
                    color: #8590a1;

                }

                .ri {
                    font-size: 14px;
                    font-family: Manrope, Manrope-400;
                    font-weight: 400;
                    text-decoration: underline;
                    text-align: LEFT;
                    color: #02102e;
                }

                .rig {
                    font-size: 14px;
                    font-family: Manrope, Manrope-400;
                    font-weight: 400;
                    text-align: LEFT;
                    color: #02102e;
                }
            }
        }

        .botBox {
            width: 439px;
            border: 1px solid #dddee1;
            border-radius: 16px;
            padding: 32px;
            position: relative;



            .suppot {
                font-size: 18px;
                font-family: Manrope, Manrope-700;
                font-weight: 700;
                text-align: LEFT;
                color: #02102e;
            }

            .faqs {
                width: 100%;
                height: 96px;
                border-bottom: 1px solid #eaebee;

                &:nth-child(3) {
                    border: none !important;
                }

                .imgBox {
                    .wenImg {
                        width: 24px;
                        height: 24px;
                        margin-right: 16px;

                    }



                    .faq {
                        .nameFaq {
                            font-size: 16px;
                            font-family: Manrope, Manrope-500;
                            font-weight: 500;
                            text-align: LEFT;
                            color: #02102e;
                        }

                        .answers {
                            font-size: 14px;
                            font-family: Manrope, Manrope-400;
                            font-weight: 400;
                            text-align: LEFT;
                            color: #8590a1;
                            margin-top: 5px;
                        }
                    }
                }

                .userJian {
                    width: 12px;
                    height: 12px;
                }
            }


        }

        .renwuBox {
            width: 439px;
            border: 1px solid #dddee1;
            border-radius: 16px;
            padding: 32px;
            position: relative;
            margin-top: 32px;

            .chat {
                position: absolute;
                width: 138px;
                bottom: -80px;
                right: -50px;
                height: 138px;
                background: #ffffff;
                border: 1px solid #eaebee;
                border-radius: 138px;
                box-shadow: 4px 4px 12px 0px rgba(2, 16, 46, 0.08);

                img {
                    width: 62px;
                    height: 62px;
                    border-radius: 31px;
                }

                .chatName {
                    font-size: 12px;
                    font-family: Manrope, Manrope-500;
                    font-weight: 500;
                    text-align: LEFT;
                    color: #02102e;
                    margin-top: 5px;
                    margin-bottom: 2px;
                }

                .chatTime {
                    font-size: 10px;
                    font-family: Manrope, Manrope-400;
                    font-weight: 400;
                    text-align: LEFT;
                    color: #5b6477;
                }
            }

            .suppot {
                font-size: 18px;
                font-family: Manrope, Manrope-700;
                font-weight: 700;
                text-align: LEFT;
                color: #02102e;
                margin-bottom: 20px;
            }
        }

        .character {
            border-bottom: 1px solid #eaebee;
            padding-bottom: 20px;


            .chin {
                .imgTou {
                    width: 76px;
                    height: 76px;
                    border-radius: 38px;
                    margin-right: 12px;
                }

                .nameBox {
                    .name {
                        position: relative;
                        font-size: 16px;
                        font-family: Manrope, Manrope-700;
                        font-weight: 700;
                        text-align: LEFT;
                        color: #02102e;
                        margin-bottom: 4px;

                        .rigXing {
                            position: absolute;
                            right: -20px;
                            bottom: 0;
                            font-size: 10px;
                            font-family: Manrope, Manrope-500;
                            font-weight: 500;
                            text-align: LEFT;
                            color: #8590a1;

                            img {
                                width: 14px;
                                height: 13px;
                                margin-top: -2px;
                                margin-right: 5px;
                            }
                        }
                    }

                    .count {
                        font-size: 12px;
                        font-family: Manrope, Manrope-400;
                        font-weight: 400;
                        text-align: LEFT;
                        color: #8590a1;
                    }

                    .topcs {
                        margin-top: 8px;

                        .tops {
                            font-size: 10px;
                            font-family: Manrope, Manrope-400;
                            font-weight: 400;
                            text-align: LEFT;
                            color: #02102e;
                            margin-right: 4px;
                            margin-bottom: 8px;
                        }

                        .starup {
                            font-size: 10px;
                            font-family: Manrope, Manrope-400;
                            font-weight: 400;
                            text-decoration: underline;
                            text-align: LEFT;
                            color: #02102e;
                            padding: 4px 6px;
                            border: 1px solid #c1c5cb;
                            border-radius: 8px;
                            margin-right: 4px;
                            margin-bottom: 8px;
                        }
                    }
                }
            }
        }

        .botAdd {
            margin-top: 20px;
            border: none;
        }
    }
}


.commentList {
    margin-top: px(50);

    .inputBox {
        justify-content: end;

        .submit {
            width: 82px;
            height: 36px;
            line-height: 36px;
            background: #02102e;
            border-radius: 6px;
            font-size: 14px;
            font-family: Manrope, Manrope-700;
            font-weight: 700;
            text-align: center;
            color: #ffffff;
            margin-left: 12px;
        }

        .inpI {
            width: 587px;
            height: 36px;
            border: 1px solid #eaebee;
            border-radius: 6px;
            padding-left: 16px;
        }

        .inpI:focus-visible {
            border: 1px solid #eaebee !important;
            outline: none;
        }
    }

    .review {
        font-size: 18px;
        font-family: Manrope, Manrope-700;
        font-weight: 700;
        text-align: LEFT;
        color: #02102e;
        margin-top: 24px;
        margin-bottom: 20px;
    }

    .oneBox {
        .oneBoxTop {
            .avaert {
                width: px(80);
                margin-right: px(30);

                img {
                    width: px(80);
                    height: px(80);
                    border-radius: px(40);
                }
            }

            .avartCount {
                width: 1280px;
                height: px(200);
                // background-color: pink;

                .name {
                    font-size: px(18);
                    font-family: Manrope, Manrope-700;
                    font-weight: 700;
                    text-align: LEFT;
                    color: #02102e;
                }

                .stars {
                    margin-top: px(14);

                    .age {
                        font-size: px(18);
                        font-family: Manrope, Manrope-400;
                        font-weight: 400;
                        text-align: LEFT;
                        color: #8590a1;
                        margin-right: px(10);
                    }

                    .genin {
                        font-size: px(18);
                        font-family: Manrope, Manrope-400;
                        font-weight: 400;
                        text-align: LEFT;
                        color: #02102e;
                    }

                    .hengXian {
                        width: 0px;
                        height: px(13.3);
                        border: px(1) solid #8590a1;
                        margin: 0 px(10);
                    }

                    .xingxing {
                        font-size: px(18);
                        font-family: Manrope, Manrope-400;
                        font-weight: 400;
                        text-align: LEFT;
                        color: #02102e;

                        .xingImg {
                            width: px(24);
                            height: px(24);
                            margin-right: px(8);
                        }
                    }
                }

                .icon {
                    font-size: px(16);
                    font-family: Manrope, Manrope-500;
                    font-weight: 500;
                    text-align: LEFT;
                    color: #8590a1;
                    margin-top: px(20);

                    .iconImg {
                        width: px(24);
                        height: px(24);
                        margin-right: px(6);
                    }
                }

                .count {
                    font-size: px(18);
                    font-family: Manrope, Manrope-400;
                    font-weight: 400;
                    text-align: LEFT;
                    color: #02102e;
                    line-height: 1.3;
                    margin-top: px(20);
                }
            }
        }

        .towBoxTop {
            width: 100%;
            margin-top: px(-10);

            .leftTop {
                width: px(80);
                margin-right: px(30);
            }

            .boxRig {
                width: 1280px;
                // height: 200px;
                margin: px(30) 0;
                margin-bottom: px(50);

                .rigName {
                    .name {
                        font-size: px(18);
                        font-family: Manrope, Manrope-700;
                        font-weight: 700;
                        text-align: LEFT;
                        color: #02102e;
                        margin-bottom: px(8);
                    }

                    .count {
                        font-size: px(18);
                        font-family: Manrope, Manrope-400;
                        font-weight: 400;
                        text-align: LEFT;
                        color: #02102e;
                    }
                }

                .avacr {
                    width: px(64);
                    margin-right: px(20);

                    .topImg {
                        width: px(64);
                        height: px(64);
                        border-radius: px(32);
                    }
                }
            }
        }
    }
}

.viewIn {
    font-size: 14px;
    font-family: Manrope, Manrope-400;
    font-weight: 400;
    text-decoration: underline;
    text-align: LEFT;
    color: #8590a1;
    margin-top: 14px;
}

.neiCount {
    font-size: 14px;
    font-family: Manrope, Manrope-400;
    font-weight: 400;
    text-align: JUSTIFIED;
    line-height: 1.5;
    margin-top: 15px;
    color: #02102e;
}

.dialogTitleDelete {
    font-size: 20px;
    font-family: Manrope, Manrope-700;
    font-weight: 700;
    text-align: CENTER;
    color: #02102e;
}

.dialogTitleDeletePrice {
    font-size: 22px;
    font-family: Manrope, Manrope-700;
    font-weight: 700;
    text-align: left;
    color: #02102e;
}

.dialogTitCount {
    font-size: 14px;
    font-family: Manrope, Manrope-400;
    font-weight: 400;
    text-align: CENTER;
    color: #8590a1;
    margin-top: 10px;
}

.dialogBtn {
    margin-top: 32px;

    .lefBtn {
        width: 88px;
        height: 40px;
        line-height: 40px;
        background: #f7f7f9;
        border-radius: 6px;
        font-size: 14px;
        font-family: Manrope, Manrope-700;
        font-weight: 700;
        text-align: center;
        color: #2c2d2e;
    }

    .rigBtn {
        width: 85px;
        height: 40px;
        line-height: 40px;
        background: #02102e;
        border-radius: 6px;
        font-size: 14px;
        font-family: Manrope, Manrope-700;
        font-weight: 700;
        text-align: center;
        color: #ffffff;
    }
}

.pricing {
    font-size: 16px;
    font-family: Manrope, Manrope-500;
    font-weight: 500;
    text-align: LEFT;
    color: #02102e;
    margin-top: 35px;

    span {
        font-size: 16px;
        font-family: Manrope, Manrope-500;
        font-weight: 500;
        text-align: LEFT;
        color: #db0000;
        margin-left: 4px;
    }

    .wen {
        width: 14px;
        height: 14px;
        margin-left: 8px;
    }
}

.inpBox {
    width: 100%;
    height: 44px;
    background: #ffffff;
    border: 1px solid #dddee1;
    border-radius: 4px;
    margin-top: 12px;

    .doingInp {
        width: 300px;
        height: 40px;
        border: none;
        padding-left: 12px;
    }

    .doingInp:focus-visible {
        border: none !important;
        outline: none;
    }

    .times {
        font-size: 14px;
        font-family: Manrope, Manrope-500;
        font-weight: 500;
        text-align: LEFT;
        color: #02102e;
        margin-right: 15px;
    }

    .pic {
        font-size: 14px;
        font-family: Manrope, Manrope-500;
        font-weight: 500;
        text-align: LEFT;
        color: #02102e;
        margin-left: 15px;
    }
}

.dolinBtnBox {
    justify-content: end;
    margin-top: 32px;

    .submit {
        font-size: 16px;
        font-family: Manrope, Manrope-700;
        font-weight: 700;
        text-align: center;
        color: #ffffff;
        width: 121px;
        height: 48px;
        line-height: 48px;
        background: #02102e;
        border-radius: 8px;
    }
}

.xingImg {
    width: px(24);
    height: px(24);
    margin-right: px(8);
}

.rigInp {
    justify-content: end;
    margin-top: 10px;

    .submit {
        width: 82px;
        height: 36px;
        line-height: 36px;
        background: #02102e;
        border-radius: 6px;
        font-size: 14px;
        font-family: Manrope, Manrope-700;
        font-weight: 700;
        text-align: center;
        color: #ffffff;
        margin-left: 12px;
    }

}


.icon {
    font-size: px(16);
    font-family: Manrope, Manrope-500;
    font-weight: 500;
    text-align: LEFT;
    color: #8590a1;
    margin-top: px(20);

    .iconImg {
        width: px(24);
        height: px(24);
        margin-right: px(6);
    }
}

.dialogTitleDelete {
    font-size: 20px;
    font-family: Manrope, Manrope-700;
    font-weight: 700;
    text-align: CENTER;
    color: #02102e;
}

.dialogTitleDeletePrice {
    font-size: 22px;
    font-family: Manrope, Manrope-700;
    font-weight: 700;
    text-align: left;
    color: #02102e;
}

.dialogTitCount {
    font-size: 14px;
    font-family: Manrope, Manrope-400;
    font-weight: 400;
    text-align: CENTER;
    color: #8590a1;
    margin-top: 10px;
}

.dialogBtn {
    margin-top: 32px;

    .lefBtn {
        width: 88px;
        height: 40px;
        line-height: 40px;
        background: #f7f7f9;
        border-radius: 6px;
        font-size: 14px;
        font-family: Manrope, Manrope-700;
        font-weight: 700;
        text-align: center;
        color: #2c2d2e;
    }

    .rigBtn {
        width: 85px;
        height: 40px;
        line-height: 40px;
        background: #02102e;
        border-radius: 6px;
        font-size: 14px;
        font-family: Manrope, Manrope-700;
        font-weight: 700;
        text-align: center;
        color: #ffffff;
    }
}

.pricing {
    font-size: 16px;
    font-family: Manrope, Manrope-500;
    font-weight: 500;
    text-align: LEFT;
    color: #02102e;
    margin-top: 35px;

    span {
        font-size: 16px;
        font-family: Manrope, Manrope-500;
        font-weight: 500;
        text-align: LEFT;
        color: #db0000;
        margin-left: 4px;
    }

    .wen {
        width: 14px;
        height: 14px;
        margin-left: 8px;
    }
}

.inpBox {
    width: 100%;
    height: 44px;
    background: #ffffff;
    border: 1px solid #dddee1;
    border-radius: 4px;
    margin-top: 12px;

    .doingInp {
        width: 300px;
        height: 40px;
        border: none;
        padding-left: 12px;
    }

    .doingInp:focus-visible {
        border: none !important;
        outline: none;
    }

    .times {
        font-size: 14px;
        font-family: Manrope, Manrope-500;
        font-weight: 500;
        text-align: LEFT;
        color: #02102e;
        margin-right: 15px;
    }

    .pic {
        font-size: 14px;
        font-family: Manrope, Manrope-500;
        font-weight: 500;
        text-align: LEFT;
        color: #02102e;
        margin-left: 15px;
    }
}

.dolinBtnBox {
    justify-content: end;
    margin-top: 32px;

    .submit {
        font-size: 16px;
        font-family: Manrope, Manrope-700;
        font-weight: 700;
        text-align: center;
        color: #ffffff;
        width: 121px;
        height: 48px;
        line-height: 48px;
        background: #02102e;
        border-radius: 8px;
    }
}